<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{first}}</el-breadcrumb-item>
      <el-breadcrumb-item>{{this.$route.name}}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
  export default{
    props: [
      'first'
    ]
  }
</script>
<style lang="less" scoped>
    .el-breadcrumb {
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  // background-color: #F5F7FA;
}
</style>